<template>
  <div data-v-7dd5a03a="" class="bg-ed">
    <div data-v-7dd5a03a="" class="o-nav" style="top: 0px">
      <ul data-v-7dd5a03a="" class="tabList clearfix">
        <li data-v-7dd5a03a="" :class="{'mystyle':isNav==0}" @click="isNav=0">
          <!---->
          全部
        </li>
        <li data-v-7dd5a03a="" :class="{'mystyle':isNav==1}" @click="isNav=1">
          <!---->
          待支付
        </li>
        <li data-v-7dd5a03a="" :class="{'mystyle':isNav==2}" @click="isNav=2">
          <!---->
          待收货
        </li>
        <li data-v-7dd5a03a="" :class="{'mystyle':isNav==3}" @click="isNav=3">
          <!---->
          已完成
        </li>
        <li data-v-7dd5a03a="" :class="{'mystyle':isNav==4}" @click="isNav=4">
          <!---->
          售后
        </li>
        <li data-v-7dd5a03a="" :class="{'mystyle':isNav==5}" @click="isNav=5">
          <!---->
          已取消
        </li>
      </ul>
    </div>
    <div data-v-7dd5a03a="" class="main-body" style="height: 100%">
      <div data-v-7dd5a03a="" class="prdListWrap">
        <div data-v-7dd5a03a="" class="paddingTop190 no-product bg-fff">
          <img
            data-v-7dd5a03a=""
            src="https://images.yaodouwang.com/img/blankpage/order-blank.png"
            alt="无订单"
            class="default_img"
          />
          <p data-v-7dd5a03a="" class="empty-word">您还没有相关的订单</p>
        </div>
        <!---->
        <div
          data-v-62ec0f22=""
          data-v-7dd5a03a=""
          id="commodity"
          class="commodity"
        >
          <div data-v-62ec0f22="" class="jg"></div>
          <div data-v-62ec0f22="" class="title">
            <div data-v-62ec0f22="" class="title-left">
              <span data-v-62ec0f22="" class="line-left"></span>
              <span data-v-62ec0f22="" class="otherProduct-img-box"
                ><img
                  data-v-62ec0f22=""
                  src=""
              /></span>
            </div>
            <div data-v-62ec0f22="" class="title-text"></div>
            <div data-v-62ec0f22="" class="title-right">
              <span data-v-62ec0f22="" class="line-left"></span>
            </div>
          </div>
          <div data-v-62ec0f22="" class="commodity_list">
            <div
              data-v-c63fad28=""
              data-v-62ec0f22=""
              class="product-list_item"
              v-for="item in goodsList"
              :key="item.productId"
              @click="linkToDetail(item.productId)"
            >
              <div data-v-c63fad28="" class="product-img">
                <img
                  data-v-c63fad28=""
                  alt="商品图片"
                  :src="item.imageUrl"
                  lazy="loaded"
                />
              </div>
              <div data-v-c63fad28="" class="product-info">
                <div
                  data-v-c63fad28=""
                  class="product-name txt-cut color-333 font-px26"
                >
                  <span data-v-c63fad28="">{{ item.internalName }}</span>
                </div>
                <div data-v-c63fad28="" class="product-store">
                  <span
                    data-v-c63fad28=""
                    class="font-px24 color-999 vertical-middle one-txt-cut"
                    >{{ item.merchantInfo.merchantName }}</span
                  >
                  <img
                    data-v-c63fad28=""
                    src=""
                    alt=""
                    class="vertical-middle"
                  />
                </div>
                <div data-v-c63fad28="" class="product-tag">
                  <div
                    data-v-c63fad28=""
                    class="yskMake"
                    v-if="item.labels.useHealthyCard == 'Y'"
                  >
                    药神卡
                  </div>
                  <!---->
                  <div
                    data-v-c63fad28=""
                    class="quan"
                    v-if="item.labels.quan == 'Y'"
                  >
                    <img
                      data-v-c63fad28=""
                      src="https://images.yaodouwang.com/img/home/tag_coupon.png"
                      alt="券"
                    />
                  </div>
                  <div
                    data-v-c63fad28=""
                    alt="券"
                    class="pt-icon"
                    v-if="item.labels.isGroup == 'Y'"
                  >
                    拼团
                  </div>
                  <!---->
                </div>
                <div data-v-c63fad28="" class="product-price">
                  <div data-v-c63fad28="" class="product-price-left">
                    <div
                      data-v-d4462b7e=""
                      data-v-c63fad28=""
                      class="money_show"
                      fontcolor="#FF7900"
                    >
                      <span data-v-d4462b7e="" class="now_money"
                        ><span data-v-d4462b7e=""
                          ><span data-v-d4462b7e="" class="font-px28">¥</span
                          ><span data-v-d4462b7e="" class="font-px38"
                            >{{ item.price
                            }}<span data-v-d4462b7e="" class="font-px26"
                              >.00</span
                            ></span
                          ></span
                        ></span
                      >
                    </div>
                  </div>
                  <div data-v-cdd5d3c4="" data-v-c63fad28="" class="cart-icon">
                    <img
                      data-v-cdd5d3c4=""
                      src=""
                      alt="加购物车"
                      v-if="item.labels.isGroup != 'Y'"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!---->
    </div>
    <!---->
    <div data-v-7dd5a03a="">
      <div
        data-v-7dd5a03a=""
        class="mint-popup onlineVisits mint-popup-bottom"
        style="display: none; width: 100%; border-radius: 15px 15px 0px 0px"
      >
        <div data-v-7dd5a03a="">
          <p data-v-7dd5a03a="" class="onlineVisitsTitle">
            已确诊疾病<img
              data-v-7dd5a03a=""
              src="https://images.yaodouwang.com/img/shopOpting/closeBtn.png"
              alt=""
              class="closeBtn"
            />
          </p>
          <p data-v-7dd5a03a="" class="onlineVisitsText">
            请填写在线下医院已确诊的疾病和主要症状
          </p>
          <div data-v-7dd5a03a="" class="onlineVisitsList">
            <span data-v-7dd5a03a="" class="diseaseItem">发热</span
            ><span data-v-7dd5a03a="" class="diseaseItem">咳嗽</span
            ><span data-v-7dd5a03a="" class="diseaseItem">头痛</span
            ><span data-v-7dd5a03a="" class="diseaseItem">头晕</span
            ><span data-v-7dd5a03a="" class="diseaseItem">胃胀</span
            ><span data-v-7dd5a03a="" class="diseaseItem">胃痛</span
            ><span data-v-7dd5a03a="" class="diseaseItem">腹痛</span
            ><span data-v-7dd5a03a="" class="diseaseItem">腹泻</span
            ><span data-v-7dd5a03a="" class="diseaseItem">高血压</span
            ><span data-v-7dd5a03a="" class="diseaseItem">糖尿病</span
            ><span data-v-7dd5a03a="" class="diseaseItem">冠心病</span
            ><span data-v-7dd5a03a="" class="diseaseItem">高脂血症</span
            ><span data-v-7dd5a03a="" class="diseaseItem">其他</span>
          </div>
          <div data-v-7dd5a03a="" class="saveBtnDis">确定</div>
        </div>
      </div>
    </div>
    <div data-v-23eb0b5e="" data-v-7dd5a03a="">
      <!---->
      <div data-v-23eb0b5e="" class="luck-ysk" style="display: none">
        <div
          data-v-23eb0b5e=""
          class="luck-ysk-content luck-ysk-content-animishen b-ysk"
        >
          <div data-v-23eb0b5e="" class="luck-ysk-text">
            <ul data-v-23eb0b5e="">
              <li data-v-23eb0b5e="" class="li1">
                <span data-v-23eb0b5e="" style="display: none">优惠券</span>
                <span data-v-23eb0b5e="" style="display: none">药神卡</span>
                <div data-v-23eb0b5e="" class="li1-number"></div>
                <span data-v-23eb0b5e="" class="li1-company">元</span>
              </li>
              <li data-v-23eb0b5e="" class="li2" style="display: none">
                部分商品可用
              </li>
              <li data-v-23eb0b5e="" class="li2" style="display: none">
                满元可使用
              </li>
              <li data-v-23eb0b5e="" class="li3">有效期：</li>
              <li data-v-23eb0b5e="" class="li4">&nbsp;至&nbsp;</li>
            </ul>
          </div>
          <button data-v-23eb0b5e="" class="luck-ysk-use" style="display: none">
            去使用
          </button>
          <button data-v-23eb0b5e="" class="luck-ysk-use" style="display: none">
            去看看
          </button>
          <div data-v-23eb0b5e="" class="bounced-close-draw">
            <img
              data-v-23eb0b5e=""
              src=""
              alt="关闭"
            />
          </div>
        </div>
      </div>
    </div>
    <div data-v-13bf83a8="" data-v-7dd5a03a="">
      <div
        data-v-13bf83a8=""
        class="mint-popup mint-popup-bottom"
        style="display: none; width: 750px; border-radius: 15px 15px 0px 0px"
      >
        <div data-v-13bf83a8="" class="reason-order">
          <div data-v-13bf83a8="" class="reason-title">
            <!---->
            <!---->
            <img
              data-v-13bf83a8=""
              src="https://images.yaodouwang.com/img/shopOpting/closeBtn.png"
            />
          </div>
          <div data-v-13bf83a8="" class="reason-tip font-px28">
            <!---->
            <!---->
          </div>
          <ul data-v-13bf83a8="" class="reason-reason"></ul>
          <div
            data-v-13bf83a8=""
            class="reason-btn bg-D2D2D2 color-fff font-px32"
          >
            确定
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { minegoods } from "../../api/zl-goods";
export default {
  data() {
    return {
      goodsList: [],
      isNav:0
    };
  },
  created() {
      this.isNav = this.$route.params.isNav;
    minegoods(1).then((res) => {
      this.goodsList = res.data.data.products;
    });
  },
  methods: {
    linkToDetail(id) {
      this.$router.push("/children/detail/" + id);
    },
  },
};
</script>

<style lang="less" scoped>
</style>